@import 'base/var';
@import 'base/common';
@import 'home/portfolio-detail';
@import './portfolio/portfolio.css';
.result-main {
  .content-center {
    position: relative;

    width: 338px;
    height: 197px;

    color: $white;
    background-repeat: no-repeat;
    background-size: cover;
    img {
      position: absolute;
      z-index: 1;

      width: 100%;
      height: 100%;
    }
    .header-content {
      font-size: 14px;

      position: relative;
      z-index: 99;

      height: 60px;
      .name {
        margin-top: 12px;
        margin-left: 15px;

        color: $white;
      }
      .creat {
        margin-left: 15px;
      }
      .collection {
        line-height: 60px;

        margin-right: 15px;
      }
    }
    .body-content {
      z-index: 9;

      height: 137px;

      text-align: center;
      .profit {
        font-size: 40px;

        position: relative;
        z-index: 99;

        padding-top: 25px;

        color: $white;
      }
      .time {
        font-size: 18px;

        position: relative;
        z-index: 99;

        padding-top: 3px;
      }
    }
    .header-mask {
      position: absolute;
      z-index: 99;
      top: 0;

      width: 100%;
      height: 60px;

      opacity: .5;
      border-bottom: solid 1px #525353;
      background: #070809;
    }
    .body-mask {
      position: absolute;
      z-index: 99;
      top: 60px;

      width: 100%;
      height: 137px;
      height: 137px;

      opacity: .4;
      background: #0e1112;
    }
    .gray {
      position: relative;
      z-index: 9;

      color: #c2c2c2;
    }
  }
}
